<template>
  <div>
    <loading></loading>
    <div class="maxtoday_box">
      <div>
        <leftopic>
          <div slot="firstfont">今</div>
          <div slot="secondfont">天</div>
          <div slot="thirdfont">美</div>
          <div slot="fourfont">食</div>
        </leftopic>
      </div> 
      <div id="one" v-if="show">
      <div class="todayfirst_box">
        <div class="todaydata_box">
          <div class="todayimg_box">
            <img src="../assets/1231.jpg" class="toady_img" />
          </div>
          <div class="today_tabbox">
            <div>
              <table width="100%" class="dataintable">
                <tr>
                  <th width="30%">
                    <form  name="form1" method="post" action="">
                      <input type="button" name="start" id="start" value="点击配菜" @click="randomeun1"/>
                    </form>
                  </th>
                  <th width="70%">中餐</th>
                </tr>
                <tr>
                  <td><i>菜单1</i></td>
                  <td><p @click="todayfoodMsg1">{{mymenu1.one}}</p></td>
                </tr>
                <tr>
                  <td><i>菜单2</i></td>
                  <td><p @click="todayfoodMsg2">{{mymenu1.two}}</p></td>
                </tr>
                <tr>
                  <td><i>菜单3</i></td>
                  <td><p @click="todayfoodMsg3">{{mymenu1.three}}</p></td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="todaysec_box">
        <div class="todaydata_box">
          <div class="todayimg_box">
            <img src="../assets/eat-3.jpeg" class="toady_img" />
          </div>
          <div class="today_tabbox">
            <div>
              <table width="100%" class="dataintable">
                <tr>
                  <th width="30%">
                    <form id="form1" name="form1" method="post" action="">
                      <input type="button" name="start" id="start" value="点击配菜" @click="randomeun2"/>
                    </form>
                  </th>
                  <th width="70%">西餐</th>
                </tr>
                <tr>
                  <td><i>菜单1</i></td>
                  <td>{{mymenu2.one}}</td>
                </tr>
                <tr>
                  <td><i>菜单2</i></td>
                  <td>{{mymenu2.two}}</td>
                </tr>
                <tr>
                  <td><i>菜单3</i></td>
                  <td>{{mymenu2.three}}</td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
      </div>
      <!--详情页
      <div id="two" v-if="!show">
        <p>菜名：{{name}}</p>
        <p>准备食材：{{food}}</p>
        <p>做法：{{todo}}</p>
        <p @click="close2">关闭</p>
      </div>-->

 <div class="todayfirst_box" v-if="!show">
        <div class="todaydata_box">
          <div class="todayimg_box2">
            <img src="../assets/1231.jpg" class="toady_img2" />
          </div>
          <div class="today_tabbox2">
            <div>
              <table width="100%" class="dataintable">
                <tr>
                  <th width="30%">
                    <form  name="form1" method="post" action="">
                      <input type="button" name="start" id="start" value="关闭" @click="close2"/>
                    </form>
                  </th>
                  <th width="70%">{{name}}</th>
                </tr>
                <tr>
                  <td><i>菜名</i></td>
                  <td><p @click="todayfoodMsg1">{{name}}</p></td>
                </tr>
                <tr>
                  <td><i>食材</i></td>
                  <td><p @click="todayfoodMsg2">{{food}}</p></td>
                </tr>
                <tr>
                  <td><i>做法</i></td>
                  <td><p @click="todayfoodMsg3">{{todo}}</p></td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>
<script src="../js/todayfood.js"></script>
<style scoped>
  @import "../css/todayfood.css";
</style>
